<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>微圈详情</title>
    <link rel="stylesheet" href="/src/css/layui.css"/>
    <script src="/src/layui.js"></script>
    <link rel="stylesheet" href="/css/MicroCircle/micro-circle-see.css">
    <script src="/js/MicroCircle/micro-circle-see.js"></script>
</head>
<body>
<div>
    <!-- 左半开始 -->
    <div class="layui-col-md3" id="left">
        <div id="headImg">
            <img id="artcleUrl" src="">
            <span id="name"></span>
        </div>
        <div id="headContent">
            <p class="leftpadd">标题：<span class="artcleTitle"></span></p>
            <p class="leftpadd">创作人：<span id="createName"></span></p>
            <p class="leftpadd">分类：<span id="artcleCategroyName"></span></p>
            <p class="leftpadd">日期：<span id="createDate"></span></p>
            <p class="leftpadd">账号：<span id="createAccount"></span></p>
        </div>
    </div><!-- 左半结束 -->
    <!-- 右半开始 -->
    <div class="layui-col-md9" id="right">
        <h1 class="artcleTitle" id="artcleTitle"></h1>
        <p id="article"></p>
        <table class="layui-table">
            <colgroup>
                <col width="150">
                <col width="200">
            </colgroup>
            <thead>
            <tr>
                <th>查看量</th>
                <th>点赞数</th>
                <th>分享量</th>
                <th>收藏数</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td id="acticleHits"></td>
                <td id="acticleLike"></td>
                <td id="acticleShare"></td>
                <td id="acticleCollection"></td>
            </tr>
            </tbody>
        </table>
        <p class="pinglun"><span class="layui-icon">&#xe63a;</span>   回复评论及需修改的内容</p>
        <hr class="layui-border-black">
        <div class="layui-form-item">
            <locator class="layui-form-label">用户名：</locator>
            <div class="layui-input-block">
                <input id="trueName" type="text" name="trueName" required  lay-verify="required" disabled="disabled" placeholder="" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <locator class="layui-form-label">账号：</locator>
            <div class="layui-input-block">
                <input id="account" type="text" name="account" required  lay-verify="required" disabled="disabled" placeholder="" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <locator class="layui-form-label">回复评论：</locator>
            <div class="layui-input-block">
                <textarea id="content" name="content" class="layui-textarea" placeholder="请输入内容"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" id="comment">发布评论</button>
            </div>
        </div>
        <div class="layui-form-item">
            <p class="pinglun"><span class="layui-icon">&#xe63a;</span>  全部评论</p>
            <hr class="layui-border-black">
            <table id="table1"></table>
        </div>
    </div>
    <!-- 右半结束 -->
</div>
<input type="hidden" id="microcircleId">
</body>
</html>